@media only screen and (max-width: 767px) {
    .banner-carousel .slide-item {
      padding: 55px 0px 0px 0px;
    }
}

/*Fix the consent label style fr the conset checkbox in Contact us Form/Page */
#consent-label {
    display: inline;
    font-weight: bold;
}

/*Fix the contact link color in the contact us page*/
.contact-link {
    color:  #AF986E;
}

.instagram-icon {
    fill: white;
}
/*tour section according to designs*/
.tour-section  li {
    list-style: disc;
    font-family: 'Work Sans', sans-serif;
    color: #808080;
    list-style-position: inside;
}

.menu-area{
    height: 90px;
}

/*handle the issues of sticky header*/
.sticky-header {
    height: 80px;
}

.sticky-header > .auto-container {
    height: 80px;
}

.sticky-header > .auto-container > .outer-box {
    height: 80px;
}

.sticky-header > .auto-container > .outer-box > .logo-box {
    height: 52px;
    padding: 0px 0px 0px 0px;
}

.sticky-header > .auto-container > .outer-box > .logo-box > .logo > a > img {
    height: 52px;
}

.sticky-header > .auto-container > .outer-box > .menu-area-sticky {
    height: 80px;
}

.sticky-header > .auto-container > .outer-box > .menu-area-sticky > .main-menu {
    height: 80px;
}

.menu-right-content.clearfix {
    height: 60px;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

/*target the p in the about us playlist to change its color as it was getting overwritten by some css in style.css*/
.content_block_3 .content-box .text p {
     color: #808080;   
}

/*Remove FOUC(Flash Of Unstyled Content)*/
.body-loader-hidden {
    visibility: hidden;
}
.body-loader-visible {
	visibility: visible;
	transition: visibility .25s linear;
}

@media only screen and (min-width: 600px) and (max-width: 1280px) {
    #CookiebotWidget:not(.CookiebotWidget-inactive) {
        bottom: 60px!important;
        left: 10px!important;
    }    
}

@media only screen 
    and (max-width : 480px)  {
    .tour-details-content .inner-box {
        position: relative;
        margin-bottom: 40px;
        width: 340px;
        text-align: left;   
    }
    
    .CookieDeclaration {
        width: 340px;
    }
    
    .scroll-top.open {
        bottom: 120px;
        right: 10px;
    }
}

@media only screen 
    and (max-width : 767px)  {
    .auto-container{
        display: grid;
    }

    .flex-center {
        display: flex;
        justify-content: center;
    }

    .content_block_3 .content-box .image-box {
        text-align: center;
    }
}

@media  only screen and (max-width : 767px){
    .sec-title > p {
        text-align: left!important;
    }
    
    .sec-title > h2{
        text-align: left!important;
    }
}

@media  only screen and (min-width : 480px) and (max-width: 1350px) {
     .scroll-top.open {
        bottom: 80px;
        right: 10px;
    }
}

@media  only screen and (min-width : 600px) {
    .bottom-inner.clearfix {
        height: 25px;
    }
}

@media only screen and (min-width: 150px) and (max-width: 1023px) {
    /*services-carousel*/
    #carousel > .owl-dots {
        display: inline!important;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
    
    /*about-us carousel*/
    #testimonial-carousel > .owl-dots {
        display: inline!important;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 70px;
    }
    
    .three-item-carousel > .owl-dots > .owl-dot:not(.active) > span {
        border: 1px solid #061a3a;
        background: #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    
    .three-item-carousel > .owl-dots > .owl-dot.active > span{
        background: #061a3a!important;
        display:block;
        -webkit-backface-visibility:visible;
        -webkit-transition:opacity 200ms ease;
        -moz-transition:opacity 200ms ease;
        -ms-transition:opacity 200ms ease;
        -o-transition:opacity 200ms ease;
        transition:opacity 200ms ease;
        -webkit-border-radius:30px;
        -moz-border-radius:30px;
        border-radius:30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    .banner-carousel .owl-nav .owl-prev {
        left: 2px;
        bottom: -40px;
    }
    
     .banner-carousel .owl-nav .owl-next {
        right: 2px;
        bottom: -40px;
    }
}
/*from pixel 769 to pixel 790 the padding on the right and the left of the contact us button is big so it forces button out of position and I made it smaller*/
@media only screen 
    and (min-width : 769px)
    and (max-width : 790px) {
    .header-top .btn-box .theme-btn {
        box-shadow: none;
        border-radius: 0px;
        padding: 17.5px 45px;
    }
}

@media screen and (max-width: 480px) {
    /*fix preloader font size for small devices so as the letters do not wrap lines*/
    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 30px; letter-spacing: 10px;
    }
    
    /*hide on services page shape 1 image that on small devices overlaps with the text above*/
    .image_block_2 .image-box .shape .shape-1 {
        right: -300px;
    }
    
    
    /*hide on services page shape 1 image that on small devices overlaps with the text above*/
    .image_block_2 .image-box .shape .shape-2 {
        left: 0px;
        bottom: 0px;
    }
    
    
    /*hide on services page shape 1 image that on small devices overlaps with the text above*/
    .image_block_2 .image-box .shape .shape-3 {
        top: 1px;
        right: 1px;
    }
    
    .banner-carousel.owl-carousel .owl-stage-outer .owl-stage:nth-child(3) .owl-item .slide-item .image-layer {
         background-image: url(/media/homepage-1.jpg)!important;
    }
    
    .banner-carousel.owl-carousel .owl-stage-outer .owl-stage:nth-child(3) .owl-item.cloned .slide-item .image-layer {
         background-image: url(/media/homepage-1.jpg)!important;
    }
    
    .banner-carousel.owl-carousel .owl-stage-outer .owl-stage:nth-child(3) .owl-item.active .slide-item .image-layer {
         background-image: url(/media/homepage-1.jpg)!important;
    }
    
    .banner-carousel.owl-carousel .owl-stage-outer .owl-stage:nth-child(7) .owl-item .slide-item .image-layer {
        background-image: url(/media/homepage-1.jpg)!important;
    }
    
    .banner-carousel.owl-carousel .owl-stage-outer .owl-stage:nth-child(7) .owl-item.cloned .slide-item .image-layer {
        background-image: url(/media/homepage-1.jpg)!important;
    }
    
     .banner-carousel.owl-carousel .owl-stage-outer > .owl-stage:nth-child(7) .owl-item.active .slide-item .image-layer {
        background-image: url(/media/homepage-1.jpg)!important;
    }
}


.owl-carousel.owl-carousel-single-item .owl-nav {
    visibility: hidden;
}

/* fix for home banner carousel slider items */

.banner-carousel.owl-carousel .owl-item.active,
.banner-carousel.owl-carousel .owl-item.cloned,
.banner-carousel.owl-carousel .owl-item.animated-in {
    z-index: 100;   
}



@media all and (max-width: 767px) {
    .banner-carousel.owl-carousel .owl-item .slide-item .image-layer,
    .banner-carousel.owl-carousel .owl-item .slide-item:before {
        /*min-height: 570px;*/
        min-height: 300px; 
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .banner-carousel.owl-carousel .owl-item .slide-item .image-layer,
    .banner-carousel.owl-carousel .owl-item .slide-item:before {
        min-height: 970px;
    }
}
    
@media all and (min-width: 1024px) {
    .banner-carousel.owl-carousel .owl-item .slide-item .image-layer,
    .banner-carousel.owl-carousel .owl-item .slide-item:before {
        min-height: 750px;
    }
}

/*using owl carousel and scrolling the images creates the console issue Unable to preventDefault inside passive event listener due to target being treated as passive*/
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}